<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<!-- <title> 元素可定义文档的标题 -->
		<title>HTML</title>

		<!-- link 链接一个外部样式表-->
		<link rel="stylesheet" type="text/css" href="theme.css" />

		<!-- style 标签用于为 HTML 文档定义样式信息。 -->
		<style type="text/css">
			h1 {
				color: aqua;
			}
		</style>


	</head>
	<body>
		<!-- label -->
		<form>
			<label for="male">Male</label>
			<input type="radio" name="sex" id="male" />
			<br />
			<label for="female">Female</label>
			<input type="radio" name="sex" id="female" />
		</form>

		<!-- legend -->
		<form>
			<fieldset>
				<legend>health information</legend>
				height:<input type="text" />
				weight:<input type="text" />
			</fieldset>
		</form>

		<!-- li -->
		<ol>
			<li>Coffee</li>
			<li>Tea</li>
			<li>Milk</li>
		</ol>

		<ul>
			<li>Coffee</li>
			<li>Tea</li>
			<li>Milk</li>
		</ul>

		<!-- main 标签规定文档的主要内容。-->
		<main>
			<h1>Web Browsers</h1>
			<p>Google Chrome、Firefox 以及 Internet Explorer 是目前最流行的浏览器。</p>
		</main>

		<!-- map  定义一个客户端图像映射。图像映射（image-map）指带有可点击区域的一幅图像 -->
		<img src="images/img7.png" border="0" usemap="#planetmap" alt="Planets>
	<map name=" planetmap" id="planetmap">
		<area shape="circle" coords="180,139,14" href="venus.html" alt="Venus" />
		<area shape="circle" coords="129,161,10" href="mercur.html" alt="Mercury" />
		<area shape="rect" coords="0,0,110,260" href="sun.html" alt="Sun" />
		</map>

		<!-- mark  突出显示部分文本 -->
		<p>Do not forget to study <mark>java</mark>today.</p>

		<!-- menu  浏览器不支持 -->

		<!-- <menuitem>Firefox 8.0 以及更高的版本支持 -->

		<!-- meta -->

		<!-- meter 使用 meter 元素来度量给定范围（gauge）内的数据-->
		<meter value="3" min="0" max="10">十分之三</meter>
		<meter value="0.6">60%</meter>

		<!-- <nav> 标签定义导航链接的部分。 -->
		<nav>
			<a href="https://www.baidu.com">百度</a>
			<a href="https://www.taobao.com">淘宝</a>
		</nav>

		<!-- <noscript> -->

		<!-- object -->
		<object classid="clsid:F08DF954-8592-11D1-B16A-00C0F0283628" id="Slider1" width="100" height="50">
			<param name="BorderStyle" value="1" />
			<param name="MousePointer" value="0" />
			<param name="Enabled" value="1" />
			<param name="Min" value="0" />
			<param name="Max" value="10" />
		</object>

		<!-- ol有序 -->
		<ol>
			<li>Coffee</li>
			<li>Tea</li>
			<li>Milk</li>
		</ol>

		<!-- <optgroup> 标签定义选项组。
optgroup 元素用于组合选项。当您使用一个长的选项列表时，
对相关的选项进行组合会使处理更加容易。 -->
		<select>
			<optgroup label="Swedish Cars">
				<option value="volvo">Volvo</option>
				<option value="saab">Saab</option>
			</optgroup>
		</select>

		<!-- option 元素定义下拉列表中的一个选项（一个条目 -->
		<select>
			<option value="volvo">沃尔沃</option>
			<option value="audi">奥迪</option>
		</select>

		<!-- <output> 标签定义不同类型的输出，比如脚本的输出。 -->
		<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
			<input type="range" id="a" value="50">100
			+<input type="number" id="b" value="50">
			=<output name="x" for="a b"></output>
		</form>

		<!-- p段落标签 -->

		<!-- param 元素允许您为插入 XHTML 文档的对象规定 run-time 设置，
		也就是说，此标签可为包含它的 <object> 或者 <applet> 标签提供参数。 -->
		<object>
			<param name="BorderStyle" value="1">
			<param name="MousePointer" value="0" />
			<param name="Enabled" value="1" />
			<param name="Min" value="0">
			<param name="Max" value="10">
		</object>

		<!-- prepre 元素可定义预格式化的文本。
		被包围在 pre 元素中的文本通常会保留空格和换行符 -->


		<!-- <progress> 标签标示任务的进度（进程） -->
		<progress value="22" Max="100"></progress>

		<!-- <q> 标签定义短的引用。 -->
		<q>Here is a short.</q>

		<!-- <rp> 标签在 ruby 注释中使用 -->
		<ruby>
			漢 <rt>
			<rp>(</rp>ㄏㄢˋ<rp>)</rp>
			</rt>
		</ruby>

		<!-- <rt> 标签定义字符（中文注音或字符）的解释或发音。 -->
		<ruby>
			漢 <rt> ㄏㄢˋ </rt>
		</ruby>

		<!-- <ruby> 标签定义 ruby 注释（中文注音或字符） -->
		<ruby>
			漢 <rt>
			<rp>(</rp>ㄏㄢˋ<rp>)</rp>
			</rt>
		</ruby>

		<!-- <script> 标签用于定义客户端脚，比如 JavaScript -->
		<script type="text/javascript">
			document.write("Hello World!")
		</script>

		<!-- <section> 标签定义文档中的节 -->
		<section>
			<h1>PRC</h1>
			<p>The People's Republic of China was born in 1949...</p>
		</section>

		<!-- select 元素可创建单选或多选菜单。 -->
		<select>
			<option value="volvo">Volvo</option>
			<option value="saab">Saab</option>
			<option value="opel">Opel</option>
			<option value="audi">Audi</option>
		</select>

		<!-- <small> 标签呈现小号字体效果。 -->
		<p><small>abcdefg</small></p>

		<!-- <source> 标签为媒介元素（比如 <video> 和 <audio>）定义媒介资源 -->
		<audio controls>
			<source src="videos/666.mp4">
		</audio>

		<!-- <span> 标签被用来组合文档中的行内元素。 -->
		<p>
			<span>123</span>
		</p>

		<!-- <strike> 标签可定义加删除线文本定义。 -->

		<!-- strong加粗 -->
		<p>
			<strong>
				java63
			</strong>
		</p>


		<!-- <sub> 标签可定义下标文本。 -->
		<p>
			这段文本包含<sub>下标</sub>
		</p>

		<!-- <summary> 标签包含 details 元素的标题，
		"details" 元素用于描述有关文档或文档片段的详细信息。 -->
		<details>
			<summary>HTML5</summary>
			This document teaches you everything you have to learn about HTML 5.
		</details>

		<!-- <sup> 标签可定义上标文本 -->
		<p>
			这段文本包含<sup>上标</sup>
		</p>

		<!-- <table> 标签定义 HTML 表格。 -->
		<table border="1">
			<tr>
				<th>Month</th>
				<th>Savings</th>
			</tr>
			<tr>
				<td>January</td>
				<td>$100</td>
			</tr>
		</table>


		<!-- <tbody> 标签表格主体（正文）。该标签用于组合 HTML 表格的主体内容 -->
		<!-- tbody 元素应该与 thead 和 tfoot 元素结合起来使用。 -->
		<p>
			<table border="1">
				<thead>
					<tr>
						<th>Month</th>
						<th>Savings</th>
					</tr>
				</thead>

				<tfoot>
					<tr>
						<td>Sum</td>
						<td>$180</td>
					</tr>
				</tfoot>

				<tbody>
					<tr>
						<td>January</td>
						<td>$100</td>
					</tr>
					<tr>
						<td>February</td>
						<td>$80</td>
					</tr>
				</tbody>
			</table>
		</p>


		<!-- <td> 标签定义 HTML 表格中的标准单元格。 -->
		<p>
			<table border="1">
				<tr>
					<th>Month</th>
					<th>Savings</th>
				</tr>
				<tr>
					<td>January</td>
					<td>$100</td>
				</tr>
			</table>
		</p>


		<!-- <textarea> 标签定义多行的文本输入控件 -->
		<p>
			<textarea rows="3" cols="20">
			在w3school，你可以找到你所需要的所有的网站建设教程。
		</textarea>
		</p>


		<!-- <tfoot> 标签定义表格的页脚（脚注或表注）。该标签用于组合 HTML 表格中的表注内容。
			tfoot 元素应该与 thead 和 tbody 元素结合起来使用。 -->
		<p>
			<table border="1">
				<thead>
					<tr>
						<th>Month</th>
						<th>Savings</th>
					</tr>
				</thead>

				<tfoot>
					<tr>
						<td>Sum</td>
						<td>$180</td>
					</tr>
				</tfoot>

				<tbody>
					<tr>
						<td>January</td>
						<td>$100</td>
					</tr>
					<tr>
						<td>February</td>
						<td>$80</td>
					</tr>
				</tbody>
			</table>
		</p>


		<!-- th定义表格内的表头单元格 -->
		<p>
			<table border="1">
				<tr>
					<th>Company</th>
					<th>Address</th>
				</tr>
				<tr>
					<td>Apple, Inc.</td>
					<td>1 Infinite Loop Cupertino, CA 95014</td>
				</tr>
			</table>
		</p>


		<!-- <thead> 标签定义表格的表头。该标签用于组合 HTML 表格的表头内容。
			thead 元素应该与 tbody 和 tfoot 元素结合起来使用。 -->
		<p>
			<table border="1">
				<thead>
					<tr>
						<th>Month</th>
						<th>Savings</th>
					</tr>
				</thead>

				<tfoot>
					<tr>
						<td>Sum</td>
						<td>$180</td>
					</tr>
				</tfoot>

				<tbody>
					<tr>
						<td>January</td>
						<td>$100</td>
					</tr>
					<tr>
						<td>February</td>
						<td>$80</td>
					</tr>
				</tbody>
			</table>
		</p>


		<!-- <time> 标签定义公历的时间（24 小时制）或日期，时间和时区偏移是可选的 -->
		<p>
			我们每天早上<time>9:00</time>开始营业
		</p>
		<p>
			我在 <time datetime="2020-02-14">情人节</time> 有个约会。
		</p>


		<!-- <tr> 标签定义 HTML 表格中的行 -->
		<p>
			<table border="1">
				<tr>
					<th>Month</th>
					<th>Savings</th>
				</tr>
				<tr>
					<td>January</td>
					<td>$100</td>
				</tr>
			</table>
		</p>


		<!-- <track> 标签为诸如 video 元素之类的媒介规定外部文本轨道 -->

		<!-- <tt> 标签呈现类似打字机或者等宽的文本效果。 -->
		<p>
			<tt>java63班学习都很认真</tt>
		</p>

		<!-- <u> 标签可定义下划线文本 -->
		<p>
			如果文本不是超链接，就不要<u>对其使用下划线</u>
		</p>

		<!-- <ul> 标签定义无序列表 -->
		<ul>
			<li>Coffee</li>
			<li>Tea</li>
			<li>Milk</li>
		</ul>


		<!-- <video> 标签定义视频，比如电影片段或其他视频流。 -->
		<p>
			<video src="videos/666.mp4" controls="controls">
				您的浏览器不支持 video 标签。
			</video>
		</p>


		<!-- (<wbr>) 规定在文本中的何处适合添加换行符 -->
		<p>
			如果想学习 AJAX，那么您必须熟悉 XML<wbr>Http<wbr>Request 对象。
		</p>
	</body>
</html>
